<template>
    <el-dialog
        title="提示"
        :visible.sync="dialogVisible"
        width="30%"
        :before-close="handleClose">
        <div>
            <div class="head">
                <span>选择表</span>
            </div>
            <div class="row mian">
                <div class="col-xs-2">
                    <div class="row" style="height: 30px;">
                        <span>分组</span>
                    </div>
                    <div class="row">
                        <LableView></LableView>
                    </div>
                </div>
                <div class="col-xs-10">
                    <Grid ></Grid>
                </div>
            </div>
        </div>
    </el-dialog>
</template>

<script>
  export default {
    name: 'DialogView',
    data() {
      return {
        dialogVisible: false
      };
    },
    methods: {
      handleClose(done) {
        this.$confirm('确认关闭？')
          .then(_ => {
            done();
          })
          .catch(_ => {});
      }
    }
  };
</script>
